<template>
  <div>
    <van-tabbar v-model="index">
      <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="wap-nav" to="/list">分类</van-tabbar-item>
      <van-tabbar-item icon="cart" to="/cart">购物车</van-tabbar-item>
      <van-tabbar-item icon="contact" to="/personal">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'tabBar',
  data(){
    return {
     
    }
  },
  props: ['active'],
  computed: {
    index:{
      get(){
        return this.active
      },
      set(){}
    }
  },
  created(){

    // setTimeout(()=>{
    //   console.log("A")
    // },0)

    // var obj = {
    //   func:function(){
    //     setTimeout(()=>{
    //       console.log("B")
    //     },0)
    //     return new Promise(function(resolve){
    //       console.log("C")
    //       resolve()
    //     })
    //   }
    // }

    // obj.func().then(function(){
    //   console.log("D")
    // })

    // console.log("E")



    // function inc(){
    //   var i = 0
    //   return function(){
    //     i = i+1
    //     console.log(i)
    //   }
    // }
    // var fn1 = inc()
    // var fn2 = inc()
    // var fn3 = inc()
    // var fn4 = inc()
    // fn1()
    // fn2()
    // fn3()
    // fn4()

  }
}
</script>

<style>
#div1{ 
  width:0;
  height:0;
  border-left:100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom:100px solid red;
  background-color:white;
}
</style>